<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:b="http://bootsfaces.net/ui"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://xmlns.jcp.org/jsf/passthrough">
<h:head>
   <title>R.A.M. Labs</title>
   <meta name="Java Chips" content="Home"></meta>
</h:head>
<!-- Add 50px padding top to the body for the navbar -->
<h:body style="padding-top: 50px; padding-bottom: 20px;">
   <b:navBar brand="R.A.M. Labs" brandHref="index.jsf" inverse="true" fixed="top">
      <b:navbarLinks>
         <b:navLink value="Products" href="products.jsf"></b:navLink>
         <b:navLink value="Contact" href="contact.jsf"></b:navLink>
         <b:navLink class="active" value="About" href="about.jsf"></b:navLink>
      </b:navbarLinks>
      <h:form class="navbar-form navbar-left hidden-md hidden-sm hidden-xs">
         <input type="text" class="form-control"/>
         <button type="submit" class="btn btn-default">Search</button>
      </h:form>
      <!-- Following line is needed for TBS 3.0.1 (panel content overflow issue) -->
      <b:navbarLinks pull="right"><b:navLink value="    " href="#"></b:navLink></b:navbarLinks>
      <b:navbarLinks pull="right" styleClass="hidden-xs">
         <b:dropMenu value="My Account">
            <b:navLink value="Log-in" href="#"></b:navLink>
            <b:navLink value="Sign-out" href="#"></b:navLink>
         </b:dropMenu>
      </b:navbarLinks>
   </b:navBar>
</h:body>
</html>
